<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:with="title='评论管理',active='comments'">
<header th:replace="~{admin/fragments/header::headerFragment(${title},${active})}"></header>
<link th:href="@{/admin/plugins/tagsinput/jquery.tagsinput.css}" rel="stylesheet"/>
<link th:href="@{/admin/plugins/select2.dist.css/select2-bootstrap.css}" rel="stylesheet"/>
<link th:href="@{/admin/plugins/toggles/toggles.css}" rel="stylesheet"/>
<link rel="stylesheet" th:href="@{/admin/css/model.css}">
<link href="//cdn.bootcss.com/multi-select/0.9.12/css/multi-select.css" rel="stylesheet"/>
<link href="//cdn.bootcss.com/select2/3.4.8/select2.min.css" rel="stylesheet"/>
<link th:href="@{/admin/plugins/md/css/style.css}" rel="stylesheet"/>
<link href="/admin/css/table.css" rel="stylesheet">
<body class="fixed-left">
<div id="wrapper">
    <div th:replace="~{admin/fragments/header::header-body}"></div>
    <div class="content-page">
        <div class="content">
            <div class="container">
                <div class="row">
                    <form class="form-inline">
                        <div class="form-group">
                            <label for="name">昵称</label>
                            <input type="text" class="form-control" id="name">
                        </div>
                        <div class="form-group">
                            <label for="title">文章</label>
                            <input type="text" class="form-control" id="title">
                        </div>
                        <button type="button" class="btn btn-pink" id="filter">筛选</button>
                    </form>
                </div>
                <div class="row">
                    <table class="table table-hover">
                        <caption>评论列表</caption>
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>留言人</th>
                            <th>留言内容</th>
                            <th>邮箱</th>
                            <th>网址</th>
                            <th>所属文章</th>
                            <th>时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">
                        </tbody>
                    </table>
                </div>
                <div class="row">
                    <p>当前页面: <span class="label label-primary" id="current-page">第1页</span></p>
                    <ul class="pager">
                        <li  id="first"><a href="javascript:void(0);">首页</a></li>
                        <li  id="pre"><a href="javascript:void(0);" >上一页</a></li>
                        <li  id="next"><a href="javascript:void(0);" >下一页</a></li>
                        <li  id="last"><a href="javascript:void(0);">尾页</a></li>
                        <li>到<input type="text" style="width:25px;text-align: center" id='pagenum' value="1">页<button class="btn btn-info" onclick='transferto()'>确定</button></li>
                        <li>共<label class="label label-info" id="total"></label>页</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:replace="admin/fragments/footer :: footer"></div>
<script type="text/javascript" src="/admin/js/api.js"></script>
<script type="text/javascript" src="/admin/js/comments.js"></script>
</body>
</html>